<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- public quote -->
<%@include file="/jsp/comm_css_include.jsp"%>
<!-- jqgrid-->
<link href="${basePath}/css/plugins/jqgriddemo/css/ui.jqgrid-bootstrap.min.css" rel="stylesheet" />
<!doctype html>
<html>
<head>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
         <div class="iboxtitle">
			<span><i class="glyphicon glyphicon-map-marker"></i>&nbsp;贷中业务>GPS加装</span>
			<a href="javascript:void(0)"></a>
		</div>
         <div class="ibox-content  ibox-zxsearchqu">
             <div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
					 <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
						 <input type="text" placeholder="客户名" id="customerName" name="customerName" class="form-control">
					</div>
					<div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
						<input type="text" placeholder="身份证号" id="customerNo" name="customerNo" class="form-control">
					</div>
					<div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
						<button class="zhixcx" type="button" onclick="query();">执行查询</button>
					</div>	
				</div>	
			</div>	
          </div>
          <div class="ibox-content">
          		<span class="warning-label"><span class="red-dp-circle"></span>风控要求加装GPS的订单信息</span>		
	          	<div class="jqGrid_wrapper">
		             <table id="table_list_1"></table>
		             <div id="pager_list_1"></div>
	         	</div>
          </div>
	</div>
	
	<!-- 申请派单 -->
    <%@include file="/jsp/comm_allocation_apply_include.jsp"%>
    
	<!-- public quote -->
    <%@include file="/jsp/comm_js_include.jsp"%>

	<!-- jqGrid -->
    <script type="text/javascript" charset="utf-8" src="${basePath}/js/plugins/jqgriddemo/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="${basePath}/js/plugins/jqgriddemo/js/grid.locale-cn.min.js"></script>	
    
    <!-- layerDate plugin javascript -->
    <script src="${basePath}/js/plugins/layer/laydate/laydate.js"></script>
    
    
    <!--
    	作者：zhangpp
    	时间：2017-04-06
    	描述：js
    -->
    <script type="text/javascript">
	    
	    var winWidth = $(window).width();
		var winHeight = $(window).height();
	    jQuery(function($) {  
	    	getData();
	    });
	    
	    var getData = function()
	    {
	  var winWidth = $('div.ibox-content').width();
	        var winHeight = document.body.offsetHeight - 330;
	     	var win = winWidth / 7 - 20;
  	 	   $.jgrid.defaults.styleUI = 'Bootstrap';
  	 	   
  	 	jQuery("#table_list_1").jqGrid
		  ({
			url:'${basePath}/DzGpsListController/list',
	        datatype : "json",
	        colNames : [ '主键', '客户姓名', '身份证号码','贷款额','订单类型', '经销商','经销商等级', '部门','业务员',  '银行','客户id','业务id','GPS待加装个数','状态'],
	        colModel : [ 
	                     {name: 'replaceId', index: 'id', hidden:true},
	            		 {name: 'cusName',index: 'cusName',width: 130,align: "center"},
	            		 {name: 'cusIdno',index: 'cusIdno',width: 170,align: "center"},
	            		 {name: 'loanAmount',index: 'loanAmount',width: 130,align: "center"},
	                  	 {name: 'channelTypeName',index: 'channelTypeName',width: 130,align: "center"},
	               		 {name: 'dealer',index: 'dealer',width: 300,align: "center"},
	               		 {name: 'dealerLevel',index: 'dealerLevel',width: 130,align: "center"},
	            		 {name: 'departmentName',index: 'departmentName',width: 130,align: "center"},
	            		 {name: 'salersmanName',index: 'salersmanName',width: 130,align: "center"},
	            		 {name: 'bankname',index: 'bankname',width: 300,align: "center"},
	            		 {name: 'cusId',index: 'cusId', hidden:true},
	            		 {name: 'busiId',index: 'busiId', hidden:true},
	            		 {name: 'numGps',index: 'numGps',width: 130,align: "center"},
	            		 {name: 'statusGpsListDisplay',index: 'statusGpsList',width: 170,align: "center"}
	                   ],
            mtype : "post",
            height: winHeight,
            width:winWidth,  
            autowidth: false,
            shrinkToFit: false,
            rowNum: 15,
            rowList: [15, 30, 45],
            viewrecords: true,
            pager: "#pager_list_1",
            hidegrid: false,
            multiselect : false,
            altRows:true,
		       altclass:'someClass',
            ondblClickRow:function(rowId,v,e)
            {
          	  var rowData = $("#table_list_1").jqGrid("getRowData", rowId);
          	  var id = rowData.replaceId;
          	  var cusId = rowData.cusId;
          	  var busiId = rowData.busiId;
          	  var numGps=rowData.numGps;
          	  window.location.href="${basePath}/DzGpsListViewController/installGps?busiId="+busiId+"&cusId="+cusId+"&numGps="+numGps+"&idGpsList="+id;            	  
            },
            jsonReader : {
          	  root:"result.rows",
          	  page: "result.page",
          	  total: "result.total",
          	  records: "result.records",
          	  repeatitems: false,
          	  id: "replaceId"
            },
            loadComplete:function(datas){
	         	  if (datas.flag == "100100") {
	                   layer.msg("查询成功!", {icon: 6, time: 1000});
	                   return;
	               }
	         	  if(datas.flag == '100802') {
	 				  top.location.href = thisLoginUrl;
	 				  return;
	 			  }

	         	  layer.msg(datas.message, {icon: 2});
	           }
	      });
	    }
	    
	    window.onresize = function()
	    {
	    	$("#table_list_1").setGridWidth($(window).width()-80);
	    }
	    
	    var query = function(dayEnum)
	    {
	    	var postData = $("#table_list_1").jqGrid("getGridParam", "postData");
	    	var data = {};
	    	data.cusName = document.getElementById('customerName').value || '';
	    	data.cusIdno = document.getElementById('customerNo').value || '';
	    	$.extend(postData, data);
	    	refresh();
	    }
	    
	    var refresh = function()
	    {
	    	$("#table_list_1").jqGrid("setGridParam", { search: true }).trigger("reloadGrid", [{ page: 1}]);
	    }
	    function formateStringDate(sDate1){
	    	if(!sDate1 || sDate1 == ''){
	    		return '-';
	    	}
	    	var aDate  =  sDate1.split(" ");
	    	return aDate[0];
	    }
    </script>
</body>
</html>
